<?php
include("includes.php");
?>
<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="css.css" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript">
            
            function limiteResum()
            {
                var textarea = document.getElementById("resumen").value;
                
                var restante = document.getElementById("restante");
                
                restante.innerHTML = 840 - textarea.length;
                
            }
            
            function sacarImagen()
            {

                document.getElementById("pagina").value++;
                var page = document.getElementById("pagina").value;

                var xmlhttp;
                if (window.XMLHttpRequest)
                {// code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp = new XMLHttpRequest();
                }
                else
                {// code for IE6, IE5
                    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                }

                xmlhttp.onreadystatechange = function()
                {
                    if (xmlhttp.readyState === 4 && xmlhttp.status === 200)
                    {
                        var arrayimagenes = JSON.parse( xmlhttp.responseText);

                        
                        var num = 0;

                        var div = document.getElementById("imagenes");
      
                        for (var i = 0; i < arrayimagenes.length; i++)
                        {


                            num++;
                            var imagen = document.createElement("img");
                            imagen.setAttribute("src", "./imagenes/" + arrayimagenes[i]['Id'] + '.' + arrayimagenes[i]['Nombre']);
                            imagen.setAttribute("class", "imaNoticias");

                            var radio = document.createElement("input");
                            radio.setAttribute("type", "radio");
                            radio.setAttribute("name", "imagen");
                            radio.setAttribute("required","required");
                            radio.setAttribute("value", arrayimagenes[i]['Id']);



                            div.appendChild(radio);
                            div.appendChild(imagen);

                            if (num === 3)
                            {
                                var br = document.createElement('br');

                                div.appendChild(br);
                                num = 0;
                            }

                        }
                    }
                };

                xmlhttp.open("GET", "masImagenes.php?page=" + page, true);

                xmlhttp.send();

            }
        </script>
        <title>Hookem</title>
    </head>
    <body>
        <div id="contenedor">

            <!--...................Barra superior, logo y menu...........................-->   
            <?php
            include("cabecera.php");
            ?>


            <!--...................PARTE IZQUIERDA...........................-->        
            <div class="cuerpo">
                <div class="cuerpoizq">

                    <?php
                    $user = $_SESSION['user'];
                    if (isset($_SESSION['user']))
                    {
                        $user = $_SESSION['user'];
                        if ($user->getAdmin())
                        {
                            $categoria = categoriaQuery::create()->findPk(1);

                            $subforos = $categoria->getforeign_subfoross();
                            ?>

                            <form id="nuevaCat" method="post" action="crearNoticia.php">

                                Titulo<input type="text" name="titulo" required/><br />
                                Resumen  <span id="restante">840</span><br />
                                <textarea id="resumen" style="resize: vertical" name="resumen" rows="10" cols="50" maxlength="840" required oninput="limiteResum();"></textarea><br />
                                Texto<br />
                                <textarea style="resize: vertical" name="texto" rows="10" cols="50"  required ></textarea><br />
                                Subforo<select name='subforo'>
                                    <?php
                                    foreach ($subforos as $sub)
                                    {
                                        echo '<option value="' . $sub->getId() . '">' . $sub->getNombre() . '</option>';
                                    }
                                    ?>
                                </select><br />
                                <input id="pagina" type="number" name="pagina" style="display: none" value="1"/>
                                <button type="submit">Crear</button>
                                <div id="imagenes">

                                    <?php
                                    $imagenes = imagenesQuery::create()
                                            ->orderByFecha('desc')
                                            ->paginate(1, 12);

                                    $num = 0;
                                    $img1 = null;
                                    $img2 = null;
                                    foreach ($imagenes as $img)
                                    {
                                        echo "<input type='radio' value='" . $img->getId() . "' name='imagen' align='TEXTTOP' required/><img class='imaNoticias' src ='imagenes/" . $img->getId() . "." . $img->getNombre() . "' />";

                                        $num++;
                                        if ($num == 1)
                                        {
                                            $img1 = $img;
                                        }
                                        if ($num == 2)
                                        {
                                            $img2 = $img;
                                        }

                                        if ($num == 3)
                                        {

                                            echo ' <br />';
                                            $num = 0;
                                        }
                                    }
                                    ?>

                                </div>

                            </form>
                            <br />
                            <center><button style="alignment-adjust: central" onclick="sacarImagen();">Cargar Mas</button></center>


                            <?php
                        } else
                        {

                            echo '<p>No eres admin<p>';
                        }
                    } else
                    {
                        echo '<p>No estas logueado</p>';
                    }
                    ?>
                </div>
                <?php
                include("barraDerecha.php");
                ?>
            </div>


            <!--....................PARTE DERECHA..........................-->


        </div>    
    </body>
</html>